@charset "UTF-8";
body,div,ul,p,a,li,span,i,img,input,form{
    margin: 0;
    padding: 0;
}
body{
    font: 14px/1 微软雅黑;
    background: #f5f5f5;
}
li{
    list-style: none;
}
a{
    color: black;
    text-decoration: none;
    cursor: pointer;
}
footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #ddd;
}
footer ul li{
    float: left;
    width: 20%;
    padding: .8rem 0;
    text-align: center;
    font-size: 0.8rem;
}
footer ul li i{
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
}
footer ul  .on a i{
    background: url(../../static/img/voucher_center/voucher_center_73.jpg) no-repeat;
    background-size: 100%;
}
footer ul  li:nth-child(2) i{
    background: url(../../static/img/voucher_center/voucher_center_67.jpg) no-repeat;
    background-size: 100%;
}
footer ul li:nth-child(3) i{
    background: url(../../static/img/voucher_center/voucher_center_70.jpg) no-repeat;
    background-size: 100%;
}
footer ul li:nth-child(4) i{
    background: url(../../static/img/voucher_center/voucher_center_76.jpg) no-repeat;
    background-size: 100%;
}
footer ul  .now a i{
    background: url(../../static/img/voucher_center/voucher_center_79.jpg) no-repeat;
    background-size: 100%;
}
footer ul li span{
    display: inline-block;
    width: 100%;
}
footer ul a .on{
    color: #29a1f7;
}